@import '../utils.less';
.event-info-container {
  display: flex;
  flex-direction: column;
  .px2vh(font-size, 12);
}

.event-info-header,
.event-info-row {
  display: flex;
}

.event-info-header .event-info-header-cell {
  padding: 8px 0;
  color: #5381cc;
  background-color: #0f2035;
  .px2vh(font-size, 14);
}

.event-info-header-cell,
.event-info-cell {
  flex: 1;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.event-info-body .event-info-cell {
  color: #c4d4f1;
  line-height: 1.5;
}

.event-info-header-cell {
  font-weight: bold;
  background-color: #fafafa;
}

.narrow-column {
  flex: 0 0 70px;
  text-align: center;
}
.narrow-column--left {
  flex: 0 0 70px;
  text-align: left;
}

.type-column {
  width: 100px;
}

.location-column {
  width: calc(100% - 170px);
}

.truncate-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  .px2vh(font-size, 12);
}

.event-info-body {
  position: relative;
  overflow: hidden;
  .px2vh(height, 120); /* 根据需要设置高度 */
  .px2vh(padding-top, 14);
}

.event-info-content {
  height: auto;
}

.content-wrapper {
  height: 550px;
}

.event-info-body.scrolling {
  animation: scroll 10s linear infinite;
}
.customTooltip {
  .ant-tooltip-inner {
    color: #5381cc;
    background-color: #fff; /* 根据需要设置背景颜色 */
  }
  .ant-tooltip-arrow {
    display: none;
  }
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
